<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Nyumba Search</title>
        <link rel="stylesheet" href="style/style.css" type="text/css" media="screen, projection, tv" />
        <link rel="stylesheet" href="/style/blitzer/jquery-ui-1.8.13.custom.css" type="text/css" />
        <script type="text/javascript" src="/scripts/jquery-1.6.min.js"></script>
        <script type="text/javascript" src="/scripts/jquery-ui-1.8.13.custom.min.js"></script>
        <script type="text/javascript" src="/scripts/jquery.validate.min.js"></script>
        <script type="text/javascript" src="../scripts/calendar.js"></script>
        {% block head %}{% endblock head %}
        {% block js %}{% endblock js %}
    </head>
    <body>
        <div id="wrapper">
            <div id="top">
                <div id="logo">
                    <img src="images/home.png" alt="Logo"/>
                    <h1><strong>RENTALS {% block title %}{% endblock title %}</strong></h1>
                    <p>Where landlords and tenants meet</p>
                </div>
            </div>

            <div id="header">
            </div>

            <div id="menu">
                <ul>
                    <li><a href="{{ user.url }} ">{{ user.url_text }} {% if user.loggedIn %} {{user.username}} ({{user.role}}){% endif %}</a></li>
                    {% if user.loggedIn %}
                    {% else %}
                    <li><a href="{% url Register %}">Create Account</a></li>
                    {% endif %}
                    {% if user.landlord %}
                    <li><a href="{% url HouseTypes %}">Add House Types</a></li>
                    <li><a href="{% url AddPlot %}">Add New Plot &frasl; House</a></li>
                    {% endif %}
                    {% block menu %}
                    {% endblock menu %}
                </ul>
            </div>


            <div class="line">
                &nbsp;
            </div>
            <div id="content">
                <div id="right">
                    {% block right %}
                    {% endblock right %}
                </div>
                <div id="left">
                    {% if message %}
                    <p class="info">{{message}}</p>
                    {% endif %}
                    {% block left %}

                    {% endblock left %}
                </div>
            </div>
            <div class="cleaner">&nbsp;</div>
            <div class="line">
                &nbsp;</div>
            <div id="footer">
                &copy; 2012. Web design by glomut@gmail.com
            </div>
        </div>
    </body>
</html>
